.layui-tab {
	padding: 0;
	margin: 0;
}
.layui-tab-title{
	height: 120px;
	margin: 0 auto;
	width: 1110px;
	white-space: normal;
	text-align: left;
	margin-top: 5px;
}
.layui-tab-title li{
	width: 165px;
	height: 40px;
	line-height: 40px;
	margin-left: 22px;
	border-radius: 20px;
	font-size: 16px;
	margin-top: 15px;
}
.layui-tab-title li:first-child, .layui-tab-title li:nth-of-type(7){
	margin: 15px 0 0 0;
}
.layui-tab-content{
	background: #f6f6f6;
	padding: 40px 0;
}
.layui-tab-item{
	width: 1100px;
	margin: 0 auto;
}

.product-list{
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap:wrap;
}

.product-info{
	width: 345px;
	height: 316px;
	margin-bottom: 32px;
	cursor: pointer;
}
.product-img{
	height: 260px;
}
.product-msg{
	height: 56px;
	line-height: 56px;
	background: #fff;
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.product-info .product-msg span{
	position: relative;
}
.product-msg img{
	display: none;
	width: 29px;
	position: relative;
}
.product-info:hover .product-msg{
	background-color: #0074c5;
	color: #fff;
}
.product-info:hover .product-msg span{
	animation: productMsg 2s forwards;
}
.product-info:hover .product-msg img{
	display: inline-block;
	animation: productMsgIcon 2s forwards;
}

@keyframes productMsg {
    0%   {
    	right:0px;
    }
    100% {
    	right:80px;
    }
}

@keyframes productMsgIcon {
    0%   {
    	left:0px;
    }
    100% {
    	left:80px;
    }
}

